<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人中心</title>
    <link rel="stylesheet" href="../common/base.css">
    <link rel="stylesheet" href="../layout/head/index.css">
    <link rel="stylesheet" href="../layout/footer/index.css">
    <link rel="stylesheet" href="../layout/helper/index.css">
    <link rel="stylesheet" href="./index.css">
    <link rel="shortcut icon" href="../favicon.ico">
</head>

<body>
    <!-- 头部开始 -->
    <div class="head-container">
        <div class="head-wrapper">
            <div class="nav-wrapper">
                <h1 class="logo-wrapper">
                    <a href="../index.html" class="logo">
                        <img src="../image/logo.png" alt="" class="logo-img">
                    </a>
                </h1>

                <div class="nav-list">
                    <ul class="nav-items">
                        <li class="nav-item"><a href="../food/index.html" target="_self" class="nav-link">广西美食</a>
                        </li>
                        <li class="nav-item"><a href="../scenery/index.html" target="_self" class="nav-link">广西美景</a>
                        </li>
                        <li class="nav-item"><a href="../specialty/index.html" target="_self" class="nav-link">广西特产</a>
                        </li>
                        <li class="nav-item"><a href="../festival/index.html" target="_self" class="nav-link">特色节日</a>
                        </li>
                        <li class="nav-item"><a href="../contact/index.html" target="_self" class="nav-link">联系我们</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="login-wrapper">
                <div class="login-btn">
                    <a href="../login/login.html">
                        <div class="btn">登录</div>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 主要内容开始 -->
    <div class="personal-container">
        <div class="personal-wrapper">
            <div class="personal-top">
                <div class="general-info-avatar">
                    <img src="../image/avatar.jpg" alt="">
                </div>
                <div class="general-info-t-info">
                    <div class="person-name">娃哈哈哈哈</div>
                    <div class="medal">
                        <div class="medal-img"><img src="../image/medal1.svg" alt=""></div>
                        <div class="medal-img"><img src="../image/medal2.svg" alt=""></div>
                        <div class="medal-img"><img src="../image/medal3.svg" alt=""></div>
                        <div class="medal-img"><img src="../image/medal4.svg" alt=""></div>
                    </div>
                </div>
            </div>
            <div class="personal-bottom">
                <div class="base-info-head">
                    基本信息
                </div>
                <div class="base-info-content">
                    <ul>
                        <li class="base-info-content-item">
                            <div class="content-show-left">用户昵称</div>
                            <div class="content-show-right">娃哈哈哈哈</div>
                        </li>
                        <li class="base-info-content-item">
                            <div class="content-show-left">
                                <span>用</span>
                                <span>户</span>
                                <span>ID</span>
                            </div>
                            <div class="content-show-right">karlaofsky</div>
                        </li>
                        <li class="base-info-content-item">
                            <div class="content-show-left sex">
                                <span>性</span>
                                <span>别</span>
                            </div>
                            <div class="content-show-right">女</div>
                        </li>
                        <li class="base-info-content-item">
                            <div class="content-show-left">个人简介</div>
                            <div class="content-show-right">我就是我</div>
                        </li>
                        <li class="base-info-content-item">
                            <div class="content-show-left">所在地区</div>
                            <div class="content-show-right">广西</div>
                        </li>
                        <li class="base-info-content-item">
                            <div class="content-show-left">出生日期</div>
                            <div class="content-show-right">1998.7.19</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 主要内容结束 -->







    <!-- 底部开始 -->
    <div class="footer-container">
        <div class="footer-wrapper">
            <div>Copyright © 我的家乡2022 猫猫</div>
        </div>
    </div>
    <!-- 底部结束 -->

   
</body>

</html>